<!DOCTYPE html>
<html>
<head>
    <meta charset="utf8" version="1"/>
    <title>城市晚报官网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
    <meta name="description" content="城市晚报"/>
    <meta name="Keywords" content="城市晚报"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/style_zt.css"/>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).on("scroll",function(){
            //判断向下滑动的距离
            if($(window).scrollTop()>=700){
                //将顶部导航栏固定
                $(".nav_box").addClass("fixed");
            }else{
                $(".nav_box").removeClass("fixed");
            }
        });
      
    </script>
</head>
<body>  
<div class="wrap">
    <div class="banner_box3">
		<img src="img/img_banner3.jpg" >
    </div>
    <div class="nav_box">
        <ul>
            <a href=""><li>首页</li></a>
            <a href=""><li>新闻资讯</li></a>
            <a href=""><li>热点活动</li></a>
            <a href=""><li>聚焦吉林</li></a>
            <a href=""><li>电子报</li></a>
        </ul>
    </div>
    <div class="content_box">
        <div class="content_con">
			<img src="img/img_L.png" class="img_L" >
		</div>
        <div class="content_con3"> 
			<img src="img/img_title04.png" class="title04">
			<img src="img/img_title05.png" class="title05">
            <ul class="con_l float_left">
                <a href=""><li>
                    <div class="txt01">寒风中的坚守：城市因你而温暖</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">感动常在 温暖继续</div>
                    <div class="txt01">“2021暖橙行动”大型公益活动昨日圆满收官</div>
                </li></a>
                <a href=""><li>
                    <div class="txt01">环卫工人：暖心橙 ，甜到心里了！</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">“2021暖橙行动”今日迎来大收官</div>
                    <div class="txt01">120件爱心物资将现场送到环卫工人手中</div>
                </li></a>
            </ul>
            <div class="con_c float_left">
            </div>
            <ul class="con_r float_left">
               <a href=""><li>
                    <div class="txt01">寒风中的坚守：城市因你而温暖</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">感动常在 温暖继续</div>
                    <div class="txt01">“2021暖橙行动”大型公益活动昨日圆满收官</div>
                </li></a>
                <a href=""><li>
                    <div class="txt01">环卫工人：暖心橙 ，甜到心里了！</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">“2021暖橙行动”今日迎来大收官</div>
                    <div class="txt01">120件爱心物资将现场送到环卫工人手中</div>
                </li></a>
            </ul>
            <div class="clearfix"></div>
			<div style="background: #e56331;width: 100%;height:54px;margin-top: 30px;"></div>
        </div>
		
    </div>

    <div class="foot_box">
       <div class="foot_con">
            <div class="title"><span class="txt_red">联系我们</span> &nbsp;&nbsp;CONTACT US</div>
            <ul class="con_l float_left">
                <li class="title2">城市晚报社</li>
                <li>P：000-00000000</li>
                <li>E：100000000@qq.com 101000000@qq.com (欢迎投稿)</li>
                <li>W：www.888pic.com</li>
                <li>A：长春市高新区火炬路</li>
                <li>备案号：XX000-XX00000-0000</li>
            </ul>
            <ul class="con_r float_right">
                <li class="title2">掌上吉林</li>
                <li><img src="img/zsjlgzh.jpg" class="img_ewm"></li>
            </ul>
            <div class="clearfix"></div>
             <div class="title"></div>
        </div> 
    </div>
</div>
</body>
</html>
